<template>
  <div class="agriculture">
    <ArgiLeft/>
    <ArgiCenter/>
    <ArgiRight/>
  </div>
</template>

<script>
import ArgiCenter from './components/agri-center.vue'
import ArgiLeft from './components/agri-left.vue'
import ArgiRight from './components/agri-right.vue'
    export default {
        name: "agriculture",
        components: {
            ArgiCenter,
            ArgiLeft,
            ArgiRight
        }
    }
</script>

<style>
.agriculture{
  display: flex;
}
</style>
